.box {
    margin: 15px 0;

    .top {
        display: flex;
        justify-content: space-evenly;
        margin: 5px 0;

        .left {
            width: 48%;
            height: 100px;
            background: #36A1DB;


            .text {
                position: relative;
                left: 10px;
                top: 40px;
                width: 40px;
                font: 500 18px/1 hei;
                color: #fff;
            }

            .picture {
                position: relative;
                top: -10px;
                left: 95px;
                margin-left: -20px;
                width: 68px;
                height: 62px;
                background: url(../Images/defaultimg.png) no-repeat 0 0;
                background-size: 155px 192px;
            }


        }

        .right {
            width: 48%;
            height: 100px;
            background: #81B637;

            .text {
                position: relative;
                left: 10px;
                top: 40px;
                width: 40px;
                font: 500 18px/1 hei;
                color: #fff;
            }

            .picture {
                position: relative;
                top: -10px;
                left: 95px;
                margin-left: -20px;
                width: 68px;
                height: 62px;
                background: url(../Images/defaultimg.png) no-repeat 0 0;
                background-size: 155px 192px;
                background-position: -75px 0;
            }
        }
    }

    .middle {
        display: flex;
        justify-content: space-evenly;
        margin: 5px 0;

        .left {
            width: 48%;
            height: 100px;
            background: #E57E22;

            .text {
                position: relative;
                left: 10px;
                top: 40px;
                width: 40px;
                font: 500 18px/1 hei;
                color: #fff;
            }

            .picture {
                position: relative;
                top: -10px;
                left: 95px;
                margin-left: -20px;
                width: 68px;
                height: 62px;
                background: url(../Images/defaultimg.png) no-repeat 0 0;
                background-size: 155px 192px;
                background-position: 0 -60px;
            }
        }

        .right {
            width: 48%;
            height: 100px;
            background: #7E54DC;

            .text {
                position: relative;
                left: 10px;
                top: 40px;
                width: 40px;
                font: 500 18px/1 hei;
                color: #fff;
            }

            .picture {
                position: relative;
                top: -10px;
                left: 95px;
                margin-left: -20px;
                width: 68px;
                height: 62px;
                background: url(../Images/defaultimg.png) no-repeat 0 0;
                background-size: 155px 192px;
                background-position: -79px -60px;
            }
        }
    }

    .bottom {
        display: flex;
        justify-content: space-evenly;
        margin: 5px 0;

        .left {
            width: 48%;
            height: 100px;
            background: #678FCF;

            .text {
                position: relative;
                left: 10px;
                top: 40px;
                width: 40px;
                font: 500 18px/1 hei;
                color: #fff;
            }

            .picture {
                position: relative;
                top: -10px;
                left: 95px;
                margin-left: -20px;
                width: 68px;
                height: 62px;
                background: url(../Images/defaultimg.png) no-repeat 0 0;
                background-size: 155px 192px;
                background-position: 0 -132px;
            }
        }

        .right {
            width: 48%;
            height: 100px;
            background: #E3B607;

            .text {
                position: relative;
                left: 10px;
                top: 40px;
                width: 40px;
                font: 500 18px/1 hei;
                color: #fff;
            }

            .picture {
                position: relative;
                top: -10px;
                left: 95px;
                margin-left: -20px;
                width: 68px;
                height: 62px;
                background: url(../Images/defaultimg.png) no-repeat 0 0;
                background-size: 155px 192px;
                background-position: -79px -130px;
            }
        }
    }
}